@import 'common/variables';
@import 'common/mixins';
@import 'common/reset';
@import 'common/common';
@import 'common/header';

//div {
//  .layout(1000px, 100px);
//}

 
.main{
    margin-top: 82px;
    
    .main-header-bl{
        background-image: url(../img/banner_top2.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%;
        height: 250px;
        padding-top: 50px;
        .blogname{
            margin-left: 15%;
            color: #fff;
            font-size: 40px;
            text-shadow: #000 2px 4px 0;
        }
        p{
            margin-left: 15%;
            color: #fff;
            text-shadow: #000 2px 2px 0;
            
        }
        
    }
    
    
    .main-body{
//      background-color: lightcyan;
        height: 600px;
    }
    
    .main-left{
//      height: 600px;
        background-color:rgba(124, 175, 70, 0.1);
        padding: 30px 0;
        
        .left-list{
//          border-bottom: 2px dashed #a9a7a7;
            margin: 0;
            padding-top: 30px;
            padding-bottom: 10px;
            padding-bottom: 0;
        }
        .left-list:first-child{padding-top:0;}
        .list-logo{
            p{
                text-align: center;
                font-size: 20px;
            }
            a{
                display: block;
                img{
                    border-radius: 50%;
                }
            }
        }
        .list-text{
            h4{
                font-size: 30px;
                font-weight: 700;
            }
            h5{
                font-size: 20px;
            }
            p{
                color:#999;
            }
        }
        
        .list-comment{
            .list-comment-ul{
                .list-comment-span{
                    .reply{
                        float: right;
                        padding: 5px;
                        border-radius: 5px;
                        border: 1px solid #A8A8A8;
                        i{
                            padding: 0 5px;
                            cursor: pointer;
                            &:hover{
                                color:#4ab91c;
                            }
                        }
                    }
                    
                }
            }
            form{
                button{
                    font-size: 20px;
                    padding: 6px 12px;
                }
            }
        }
        
        
    }
    
    .main-right{
//      height: 400px;
//      background-color: lightgrey;
        .main-right-ul{
            padding-top: 30px;
        }
    }
    
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

@import 'common/footer';
